<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <script src="../js/vue.js"></script>
</head>

<body>
    <div id="app">
        <h1>{{name}}</h1>
        <h1>{{$options}}</h1><!-- {{}}语法里默认传入的是Vue对象-->

    </div>
    <script type="text/javascript">
        var vm=new Vue({
            //el:'#app',//第一种写法
            data:{
                name:'张三'
                /*
                    data中所有的属性，最终都会出现在vm对象上。
                    vm的所有属性也就是Vue原型上面的所有属性，都可以在模板中使用
                */
            }
        })
        vm.$mount('#app')//方式二，通过vm.$mount('#app')指定el的值

    </script>
</body>
</html>